<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Test Page</title>
<style type="text/css">
html{overflow-x:hidden; }
</style>
<script src="../../res/jquery-ui/ui/i18n/jquery.ui.datepicker-zh-CN.js"></script>
</head>
<body>
						<form class="form-horizontal" id="sample-form">
							<div class="form-group has-error">
								<label for="inputError" class="col-xs-3 col-md-3 control-label no-padding-right">Input with
									error</label>
								<div class="col-xs-5">
									<span class="block input-icon input-icon-right"> <input type="text" id="inputError" class="width-100" />
										<i class="icon-remove-sign"></i>
									</span>
								</div>
								<div class="help-block col-sm-reset inline">Error tip help!</div>
							</div>
							<div class="form-group has-success">
								<label for="inputSuccess" class="col-xs-3 col-sm-3 control-label no-padding-right">Input with success</label>
								<div class="col-xs-5 col-sm-5">
									<span class="block input-icon input-icon-right"> <input type="text" id="inputSuccess" class="width-100" />
										<i class="icon-ok-sign"></i>
									</span>
								</div>
								<div class="help-block col-sm-reset inline">Success tip help!</div>
							</div>
						</form>
						<form class="form-horizontal" id="validation-form" method="get">
							<div class="form-group">
								<label class="control-label col-xs-3 col-sm-3 no-padding-right" for="email">Email Address:</label>
								<div class="col-xs-9 col-sm-9">
									<div class="clearfix">
										<input type="email" name="email" id="email" class="col-xs-12 col-sm-6" />
									</div>
								</div>
							</div>
							<div class="space-2"></div>
							<div class="form-group">
								<label class="control-label col-xs-3 col-sm-3 no-padding-right" for="password">Password:</label>
								<div class="col-xs-9 col-sm-9">
									<div class="clearfix">
										<input type="password" name="password" id="password" class="col-xs-12 col-sm-4" />
									</div>
								</div>
							</div>
							<div class="space-2"></div>
							<div class="form-group">
								<label class="control-label col-xs-3 col-sm-3 no-padding-right" for="password2">Confirm Password:</label>
								<div class="col-xs-9 col-sm-9">
									<div class="clearfix">
										<input type="password" name="password2" id="password2" class="col-xs-12 col-sm-4" />
									</div>
								</div>
							</div>
							<div class="hr hr-dotted"></div>
							<div class="form-group">
								<label class="control-label col-xs-3 col-sm-3 no-padding-right" for="name">Company Name:</label>
								<div class="col-xs-9 col-sm-9">
									<div class="clearfix">
										<input type="text" id="name" name="name" class="col-xs-12 col-sm-5" />
									</div>
								</div>
							</div>
							<div class="space-2"></div>
							<div class="form-group">
								<label class="control-label col-xs-3 col-sm-3 no-padding-right" for="phone">Phone Number:</label>
								<div class="col-xs-9 col-sm-9">
									<div class="input-group">
										<span class="input-group-addon"> <i class="icon-phone"></i>
										</span> <input type="tel" id="phone" name="phone" />
									</div>
								</div>
							</div>
							<div class="space-2"></div>
							<div class="form-group">
								<label class="control-label col-xs-3 col-sm-3 no-padding-right" for="url">Company URL:</label>
								<div class="col-xs-9 col-sm-9">
									<div class="clearfix">
										<input type="url" id="url" name="url" class="col-xs-12 col-sm-8" />
									</div>
								</div>
							</div>
							<div class="hr hr-dotted"></div>
							<div class="form-group">
								<label class="control-label col-xs-3 col-sm-3 no-padding-right">Subscribe to</label>
								<div class="col-xs-9 col-sm-9">
									<div>
										<label> <input name="subscription" value="1" type="checkbox" class="ace" /> <span class="lbl">
												Latest news and announcements</span>
										</label>
									</div>
									<div>
										<label> <input name="subscription" value="2" type="checkbox" class="ace" /> <span class="lbl">
												Product offers and discounts</span>
										</label>
									</div>
								</div>
							</div>
							<div class="space-2"></div>
							<div class="form-group">
								<label class="control-label col-xs-3 col-sm-3 no-padding-right">Gender</label>
								<div class="col-xs-9 col-sm-9">
									<div>
										<label class="blue"> <input name="gender" value="1" type="radio" class="ace" /> <span class="lbl">
												Male</span>
										</label>
									</div>
									<div>
										<label class="blue"> <input name="gender" value="2" type="radio" class="ace" /> <span class="lbl">
												Female</span>
										</label>
									</div>
								</div>
							</div>
							<div class="hr hr-dotted"></div>
							<div class="form-group">
								<label class="control-label col-xs-3 col-sm-3 no-padding-right" for="state">State</label>
								<div class="col-xs-9 col-sm-9">
									<select id="state" name="state" class="select2" data-placeholder="Click to Choose...">
										<option value="">&nbsp;</option>
										<option value="AL">Alabama</option>
										<option value="AK">Alaska</option>
									</select>
								</div>
							</div>
							<div class="space-2"></div>
							<div class="form-group">
								<label class="control-label col-xs-3 col-sm-3 no-padding-right" for="platform">Platform</label>
								<div class="col-xs-9 col-sm-9">
									<div class="clearfix">
										<select class="input-medium" id="platform" name="platform">
											<option value="">------------------</option>
											<option value="linux">Linux</option>
											<option value="windows">Windows</option>
										</select>
									</div>
								</div>
							</div>
							<div class="space-2"></div>
							<div class="form-group">
								<label for="id-date-picker-1" class="control-label col-xs-3 col-sm-3 no-padding-right">日期</label>
								<div class="col-xs-4 col-sm-4 input-group zindex1000">
									<input class="input-medium datepicker form-control" id="id-date-picker-1" type="text" placeholder="yyyy-mm-dd">
									<label class="input-group-addon" for="id-date-picker-1"> <i class="icon-calendar bigger-110"></i>
									</label>
								</div>
							</div>
							<div class="space-2"></div>
							<div class="form-group">
								<label class="control-label col-xs-3 col-sm-3 no-padding-right" for="comment">Comment</label>
								<div class="col-xs-9 col-sm-9">
									<div class="clearfix">
										<textarea class="input-xlarge" name="comment" id="comment"></textarea>
									</div>
								</div>
							</div>
							<div class="space-8"></div>
							<div class="form-group">
								<div class="col-sm-5 col-sm-offset-3">
									<label> <input name="agree" id="agree" type="checkbox" class="ace" /> <span class="lbl"> I
											accept the policy</span>
									</label>
								</div>
							</div>
						</form>
						<hr />
						<div class="center">
							<button class="btn btn-success">
								<i class="icon-pencil"></i> 保存
							</button>
							<button class="btn">
								<i class="icon-reply"></i> 关闭
							</button>
						</div>
</body>
</html>